
import QtQuick

Canvas {
    id: root
    width: 400
    height: 300

    property color rectColor: "white"
    property color triangleColor: "red"
    property int triangleSize: 30

    onPaint: {
        var ctx = getContext("2d")

        // 清空画布
        ctx.clearRect(0, 0, width, height)

        // 绘制白色矩形（占大部分区域）
        ctx.fillStyle = rectColor
        ctx.fillRect(triangleSize, 0, width - triangleSize, height)

        // 绘制左侧红色三角形
        ctx.fillStyle = triangleColor
        ctx.beginPath()
        ctx.moveTo(0, height/2)                // 三角形顶点（最左侧中点）
        ctx.lineTo(triangleSize, height/2 - triangleSize/2)  // 右上点
        ctx.lineTo(triangleSize, height/2 + triangleSize/2)  // 右下点
        ctx.closePath()
        ctx.fill()
    }
}
